<template>
  <el-input  :="useAttrs"></el-input>
</template>

<script setup>

import {useAttrs, ref, nextTick, watch} from 'vue'

const attrs = useAttrs()


const isShowInput = ref(false)
const customInputRef = ref()
const focusInput = () => {
  isShowInput.value = true

  nextTick(() => {
    customInputRef.value.focus()
  })
}

const blurInput = () => {
  isShowInput.value = false
}

</script>

<style scoped lang="scss">
:deep(.el-input__wrapper) {
  background-color: transparent;
  box-shadow: none;

  &:hover {
    box-shadow: none;
  }
  //.el-input__wrapper.is-focus {
  //  box-shadow: none;
  //}

}

</style>
